<!--
 * @Author: your name
 * @Date: 2021-12-27 18:04:36
 * @LastEditTime: 2021-12-31 15:33:16
 * @LastEditors: Please set LastEditors
 * @FilePath: /caict-web/src/views/gisPage/thematic-research/index.vue
-->
<template>
  <div class="thematic-research">
    <Card v-if="goBackType == 0" @gisType="gisType(1)" />
    <div v-if="goBackType" class="h-100">
      <GisMap />
      <GisMapContent v-if="goBackType == 1" />
    </div>
  </div>
</template>

<script>
import GisMap from '@/views/gisPage/gisMap/gisMap.vue'
import GisMapContent from '@/views/gisPage/gisMap/content/index.vue'
import Card from './components/card.vue'
import { createNamespacedHelpers } from 'vuex'
const {
  mapState: mapStateForm,
  mapMutations: mapMutationsForm
} = createNamespacedHelpers('gisForm')
export default {
  components: { Card, GisMap, GisMapContent },
  data() {
    return {
      type: 0
    }
  },
  mounted() {},
  methods: {
    gisType(type) {
      // this.type = type
      this.setBackType(type)
    },
    ...mapMutationsForm(['setBackType'])
  },
  computed: {
    ...mapStateForm(['goBackType'])
  }
}
</script>
<style lang="scss" scoped>
.thematic-research {
  height: 100%;
}
</style>
